﻿<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>四川省辽宁商会</title>

		<link rel="shortcut icon" href="image/favicon.ico" type="image/x-icon" />
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href=" css/index.css">
		<link rel="stylesheet" href=" css/zwh.css">
		<link rel="stylesheet" href=" css/top.css">
		<link rel="stylesheet" href=" css/mjgk.css">
		<link rel="stylesheet"
			href=" framework/bootstrap-3.0.0/css/bootstrap.css">
		<link rel="stylesheet"
			href=" framework/bootstrap-3.0.0/css/bootstrap.min.css">

		<link rel="stylesheet" type="text/css"
			href="common/front/style/style.css" />
		<script src="common/front/js/jquery-1.11.3.min.js"></script>
		<script src="common/front/js/bootstrap.min.js"></script>
		<link rel="stylesheet"
			href=" framework/bootstrap-3.0.0/css/bootstrap-theme.css">
		<link href=" framework/bootstrap-3.0.0/css/bootstrap-combined.min.css"
			rel="stylesheet">
		<script type="text/javascript" src=" js/jquery.js"></script>
		<meta http-equiv=“X-UA-Compatible” content=“IE=7″>
		<meta http-equiv=“X-UA-Compatible” content=“IE=8″>
		<!–[if lt IE 7]>
		<script
			src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js”
			type=”text/javascript”></script>
		<![endif]–>

		<!–[if lt IE 8]>
		<script
			src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js”
			type=”text/javascript”></script>
		<![endif]–>

		<!–[if lt IE 9]>
		<script
			src=”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script>
		<![endif]–>
		<style type="text/css">
a {
	text-decoration: none;
	color: black !important;
	font-size: 14px;
}

a:hover {
	text-decoration: none;
	color: #008fd7 !important;
}
</style>
		<script type="text/javascript">
	function diaoyan() {	
		document.getElementById("testDiv").style.display = "block";
		document.getElementById("testDiv2").style.display = "none";
		document.getElementById("testDiv3").style.display = "none";
		document.getElementById("testDiv4").style.display = "none";
		document.getElementById("testDiv5").style.display = "none";
		document.getElementById("testDiv6").style.display = "none";
		document.getElementById("testDiv1").style.display = "none";
		document.getElementById("diaoyan").style.color = "#008fd7";
		document.getElementById("qiye").style.color = "black";
		document.getElementById("jiandu").style.color = "black";
		document.getElementById("four").style.color = "black";
		document.getElementById("five").style.color = "black";
		document.getElementById("six").style.color = "black";
		document.getElementById("diaoyan").style.background = "#eee";
		document.getElementById("qiye").style.background = "white";
		document.getElementById("jiandu").style.background = "white";
		document.getElementById("four").style.background = "white";
		document.getElementById("five").style.background = "white";
		document.getElementById("six").style.background = "white";
		document.getElementById("testDiv7").style.display = "none";
		document.getElementById("sev").style.color = "black";
		document.getElementById("sev").style.background = "white";
	}

	function qiye() {
		document.getElementById("testDiv1").style.display = "none";
		document.getElementById("testDiv2").style.display = "block";
		document.getElementById("testDiv").style.display = "none";
		document.getElementById("testDiv3").style.display = "none";
		document.getElementById("testDiv4").style.display = "none";
		document.getElementById("testDiv5").style.display = "none";
		document.getElementById("testDiv6").style.display = "none";
		document.getElementById("qiye").style.color = "#008fd7";
		document.getElementById("diaoyan").style.color = "black";
		document.getElementById("jiandu").style.color = "black";
		document.getElementById("four").style.color = "black";
		document.getElementById("five").style.color = "black";
		document.getElementById("four").style.color = "black";
		document.getElementById("five").style.color = "black";
		document.getElementById("six").style.color = "black";
		document.getElementById("qiye").style.background = "#eee";
		document.getElementById("diaoyan").style.background = "white";
		document.getElementById("jiandu").style.background = "white";
		document.getElementById("four").style.background = "white";
		document.getElementById("five").style.background = "white";
		document.getElementById("six").style.background = "white";
		document.getElementById("testDiv7").style.display = "none";
		document.getElementById("sev").style.color = "black";
		document.getElementById("sev").style.background = "white";
	}
	function jiandu() {
		document.getElementById("testDiv1").style.display = "none";
		document.getElementById("testDiv3").style.display = "block";
		document.getElementById("testDiv").style.display = "none";
		document.getElementById("testDiv2").style.display = "none";
		document.getElementById("testDiv4").style.display = "none";
		document.getElementById("testDiv5").style.display = "none";
		document.getElementById("testDiv6").style.display = "none";
		document.getElementById("jiandu").style.color = "#008fd7";
		document.getElementById("qiye").style.color = "black";
		document.getElementById("diaoyan").style.color = "black";
		document.getElementById("four").style.color = "black";
		document.getElementById("five").style.color = "black";
		document.getElementById("six").style.color = "black";
		document.getElementById("jiandu").style.background = "#eee";
		document.getElementById("qiye").style.background = "white";
		document.getElementById("diaoyan").style.background = "white";
		document.getElementById("four").style.background = "white";
		document.getElementById("five").style.background = "white";
		document.getElementById("six").style.background = "white";
		document.getElementById("testDiv7").style.display = "none";
		document.getElementById("sev").style.color = "black";
		document.getElementById("sev").style.background = "white";
	}
	function four() {
		document.getElementById("testDiv1").style.display = "none";
		document.getElementById("testDiv4").style.display = "block";
		document.getElementById("testDiv").style.display = "none";
		document.getElementById("testDiv2").style.display = "none";
		document.getElementById("testDiv3").style.display = "none";
		document.getElementById("testDiv5").style.display = "none";
		document.getElementById("testDiv6").style.display = "none";
		document.getElementById("four").style.color = "#008fd7";
		document.getElementById("qiye").style.color = "black";
		document.getElementById("diaoyan").style.color = "black";
		document.getElementById("jiandu").style.color = "black";
		document.getElementById("five").style.color = "black";
		document.getElementById("six").style.color = "black";
		document.getElementById("four").style.background = "#eee";
		document.getElementById("qiye").style.background = "white";
		document.getElementById("diaoyan").style.background = "white";
		document.getElementById("jiandu").style.background = "white";
		document.getElementById("five").style.background = "white";
		document.getElementById("six").style.background = "white";
		document.getElementById("testDiv7").style.display = "none";
		document.getElementById("sev").style.color = "black";
		document.getElementById("sev").style.background = "white";
	}
	function five() {
		document.getElementById("testDiv1").style.display = "none";
		document.getElementById("testDiv5").style.display = "block";
		document.getElementById("testDiv").style.display = "none";
		document.getElementById("testDiv2").style.display = "none";
		document.getElementById("testDiv4").style.display = "none";
		document.getElementById("testDiv3").style.display = "none";
		document.getElementById("testDiv6").style.display = "none";
		document.getElementById("five").style.color = "#008fd7";
		document.getElementById("qiye").style.color = "black";
		document.getElementById("diaoyan").style.color = "black";
		document.getElementById("four").style.color = "black";
		document.getElementById("jiandu").style.color = "black";
		document.getElementById("six").style.color = "black";
		document.getElementById("five").style.background = "#eee";
		document.getElementById("qiye").style.background = "white";
		document.getElementById("diaoyan").style.background = "white";
		document.getElementById("four").style.background = "white";
		document.getElementById("jiandu").style.background = "white";
		document.getElementById("six").style.background = "white";
		document.getElementById("testDiv7").style.display = "none";
		document.getElementById("sev").style.color = "black";
		document.getElementById("sev").style.background = "white";
	}
	
	function six() {
		document.getElementById("testDiv1").style.display = "none";
		document.getElementById("testDiv6").style.display = "block";
		document.getElementById("testDiv5").style.display = "none";
		document.getElementById("testDiv").style.display = "none";
		document.getElementById("testDiv2").style.display = "none";
		document.getElementById("testDiv4").style.display = "none";
		document.getElementById("testDiv3").style.display = "none";
		document.getElementById("six").style.color = "#008fd7";
		document.getElementById("five").style.color = "black";
		document.getElementById("qiye").style.color = "black";
		document.getElementById("diaoyan").style.color = "black";
		document.getElementById("four").style.color = "black";
		document.getElementById("jiandu").style.color = "black";
		document.getElementById("six").style.background = "#eee";
		document.getElementById("five").style.background = "white";
		document.getElementById("qiye").style.background = "white";
		document.getElementById("diaoyan").style.background = "white";
		document.getElementById("four").style.background = "white";
		document.getElementById("jiandu").style.background = "white";
		document.getElementById("testDiv7").style.display = "none";
		document.getElementById("sev").style.color = "black";
		document.getElementById("sev").style.background = "white";
	}
	
	function one() {
		document.getElementById("testDiv6").style.display = "none";
		document.getElementById("testDiv1").style.display = "block";
		document.getElementById("testDiv5").style.display = "none";
		document.getElementById("testDiv").style.display = "none";
		document.getElementById("testDiv2").style.display = "none";
		document.getElementById("testDiv4").style.display = "none";
		document.getElementById("testDiv3").style.display = "none";
		document.getElementById("one").style.color = "#008fd7";
		document.getElementById("five").style.color = "black";
		document.getElementById("qiye").style.color = "black";
		document.getElementById("diaoyan").style.color = "black";
		document.getElementById("four").style.color = "black";
		document.getElementById("jiandu").style.color = "black";
		document.getElementById("one").style.background = "#eee";
		document.getElementById("five").style.background = "white";
		document.getElementById("qiye").style.background = "white";
		document.getElementById("diaoyan").style.background = "white";
		document.getElementById("four").style.background = "white";
		document.getElementById("jiandu").style.background = "white";
		document.getElementById("testDiv7").style.display = "none";
		document.getElementById("sev").style.color = "black";
		document.getElementById("sev").style.background = "white";
	}

	function sev() {
		document.getElementById("testDiv7").style.display = "block";
		document.getElementById("testDiv6").style.display = "none";
		document.getElementById("testDiv1").style.display = "none";
		document.getElementById("testDiv5").style.display = "none";
		document.getElementById("testDiv").style.display = "none";
		document.getElementById("testDiv2").style.display = "none";
		document.getElementById("testDiv4").style.display = "none";
		document.getElementById("testDiv3").style.display = "none";
		document.getElementById("six").style.color = "black";
		document.getElementById("five").style.color = "black";
		document.getElementById("qiye").style.color = "black";
		document.getElementById("diaoyan").style.color = "black";
		document.getElementById("four").style.color = "black";
		document.getElementById("sev").style.color = "#008fd7";
		document.getElementById("jiandu").style.color = "black";
		document.getElementById("six").style.background = "white";
		document.getElementById("five").style.background = "white";
		document.getElementById("qiye").style.background = "white";
		document.getElementById("diaoyan").style.background = "white";
		document.getElementById("four").style.background = "white";
		document.getElementById("sev").style.background = "#eee";
		document.getElementById("jiandu").style.background = "white";
		
	}
$(document).ready(function(){
			var show_per_page = 12; 
			var number_of_items = $('#content').children().size();
			var number_of_pages = Math.ceil(number_of_items/show_per_page);
			$('#current_page').val(0);
			$('#show_per_page').val(show_per_page);
			var navigation_html = '<center><a class="previous_link" href="javascript:previous();">上一页</a>';
			var current_link = 0;
			while(number_of_pages > current_link){
				navigation_html += '<a class="page_link" href="javascript:go_to_page(' + current_link +')" longdesc="' + current_link +'">'+ (current_link + 1) +'</a>';
				current_link++;
			}
			navigation_html += '<a class="next_link" href="javascript:next();">下一页</a></center>';
			$('#page_navigation').html(navigation_html);
			$('#page_navigation .page_link:first').addClass('active_page');
			$('#content').children().css('display', 'none');
			$('#content').children().slice(0, show_per_page).css('display', 'block');
			
			var number_of_items = $('#content2').children().size();
			var number_of_pages = Math.ceil(number_of_items/show_per_page);
			$('#current_page2').val(0);
			$('#show_per_page2').val(show_per_page);
			var navigation_html = '<center><a class="previous_link2" href="javascript:previous2();">上一页</a>';
			var current_link = 0;
			while(number_of_pages > current_link){
				navigation_html += '<a class="page_link2" href="javascript:go_to_page2(' + current_link +')" longdesc="' + current_link +'">'+ (current_link + 1) +'</a>';
				current_link++;
			}
			navigation_html += '<a class="next_link2" href="javascript:next2();">下一页</a></center>';
			$('#page_navigation2').html(navigation_html);
			$('#page_navigation2 .page_link2:first').addClass('active_page2');
			$('#content2').children().css('display', 'none');
			$('#content2').children().slice(0, show_per_page).css('display', 'block');	
			
			var number_of_items = $('#content3').children().size();
			var number_of_pages = Math.ceil(number_of_items/show_per_page);
			$('#current_page3').val(0);
			$('#show_per_page3').val(show_per_page);
			var navigation_html = '<center><a class="previous_link3" href="javascript:previous3();">上一页</a>';
			var current_link = 0;
			while(number_of_pages > current_link){
				navigation_html += '<a class="page_link3" href="javascript:go_to_page3(' + current_link +')" longdesc="' + current_link +'">'+ (current_link + 1) +'</a>';
				current_link++;
			}
			navigation_html += '<a class="next_link3" href="javascript:next3();">下一页</a></center>';
			$('#page_navigation3').html(navigation_html);
			$('#page_navigation3 .page_link3:first').addClass('active_page3');
			$('#content3').children().css('display', 'none');
			$('#content3').children().slice(0, show_per_page).css('display', 'block');
			
			var number_of_items = $('#content4').children().size();
			var number_of_pages = Math.ceil(number_of_items/show_per_page);
			$('#current_page4').val(0);
			$('#show_per_page4').val(show_per_page);
			var navigation_html = '<center><a class="previous_link4" href="javascript:previous4();">上一页</a>';
			var current_link = 0;
			while(number_of_pages > current_link){
				navigation_html += '<a class="page_link4" href="javascript:go_to_page4(' + current_link +')" longdesc="' + current_link +'">'+ (current_link + 1) +'</a>';
				current_link++;
			}
			navigation_html += '<a class="next_link4" href="javascript:next4();">下一页</a></center>';
			$('#page_navigation4').html(navigation_html);
			$('#page_navigation4 .page_link4:first').addClass('active_page4');
			$('#content4').children().css('display', 'none');
			$('#content4').children().slice(0, show_per_page).css('display', 'block');
			
			var number_of_items = $('#content5').children().size();
			var number_of_pages = Math.ceil(number_of_items/show_per_page);
			$('#current_page5').val(0);
			$('#show_per_page5').val(show_per_page);
			var navigation_html = '<center><a class="previous_link5" href="javascript:previous5();">上一页</a>';
			var current_link = 0;
			while(number_of_pages > current_link){
				navigation_html += '<a class="page_link5" href="javascript:go_to_page5(' + current_link +')" longdesc="' + current_link +'">'+ (current_link + 1) +'</a>';
				current_link++;
			}
			navigation_html += '<a class="next_link5" href="javascript:next5();">下一页</a></center>';
			$('#page_navigation5').html(navigation_html);
			$('#page_navigation5 .page_link5:first').addClass('active_page5');
			$('#content5').children().css('display', 'none');
			$('#content5').children().slice(0, show_per_page).css('display', 'block');	
			
			var number_of_items = $('#content6').children().size();
			var number_of_pages = Math.ceil(number_of_items/show_per_page);
			$('#current_page6').val(0);
			$('#show_per_page6').val(show_per_page);
			var navigation_html = '<center><a class="previous_link6" href="javascript:previous6();">上一页</a>';
			var current_link = 0;
			while(number_of_pages > current_link){
				navigation_html += '<a class="page_link6" href="javascript:go_to_page6(' + current_link +')" longdesc="' + current_link +'">'+ (current_link + 1) +'</a>';
				current_link++;
			}
			navigation_html += '<a class="next_link6" href="javascript:next6();">下一页</a></center>';
			$('#page_navigation6').html(navigation_html);
			$('#page_navigation6 .page_link6:first').addClass('active_page6');
			$('#content6').children().css('display', 'none');
			$('#content6').children().slice(0, show_per_page).css('display', 'block');
			
			var number_of_items = $('#content1').children().size();
			var number_of_pages = Math.ceil(number_of_items/show_per_page);
			$('#current_page1').val(0);
			$('#show_per_page1').val(show_per_page);
			var navigation_html = '<center><a class="previous_link1" href="javascript:previous1();">上一页</a>';
			var current_link = 0;
			while(number_of_pages > current_link){
				navigation_html += '<a class="page_link1" href="javascript:go_to_page1(' + current_link +')" longdesc="' + current_link +'">'+ (current_link + 1) +'</a>';
				current_link++;
			}
			navigation_html += '<a class="next_link1" href="javascript:next1();">下一页</a></center>';
			$('#page_navigation1').html(navigation_html);
			$('#page_navigation1 .page_link1:first').addClass('active_page1');
			$('#content1').children().css('display', 'none');
			$('#content1').children().slice(0, show_per_page).css('display', 'block');
			
			var number_of_items = $('#content7').children().size();
			var number_of_pages = Math.ceil(number_of_items/show_per_page);
			$('#current_page7').val(0);
			$('#show_per_page7').val(show_per_page);
			var navigation_html = '<center><a class="previous_link7" href="javascript:previous7();">上一页</a>';
			var current_link = 0;
			while(number_of_pages > current_link){
				navigation_html += '<a class="page_link7" href="javascript:go_to_page7(' + current_link +')" longdesc="' + current_link +'">'+ (current_link + 1) +'</a>';
				current_link++;
			}
			navigation_html += '<a class="next_link7" href="javascript:next7();">下一页</a></center>';
			$('#page_navigation7').html(navigation_html);
			$('#page_navigation7 .page_link7:first').addClass('active_page7');
			$('#content7').children().css('display', 'none');
			$('#content7').children().slice(0, show_per_page).css('display', 'block');
				
		});
		function previous(){
			new_page = parseInt($('#current_page').val()) - 1;
			if($('.active_page').prev('.page_link').length==true){
				go_to_page(new_page);
			}
		}
		function next(){
			new_page = parseInt($('#current_page').val()) + 1;
			//if there is an item after the current active link run the function
			if($('.active_page').next('.page_link').length==true){
				go_to_page(new_page);
			}
		}
		function go_to_page(page_num){
			var show_per_page = parseInt($('#show_per_page').val());
			start_from = page_num * show_per_page;
			end_on = start_from + show_per_page;
			$('#content').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');
			$('.page_link[longdesc=' + page_num +']').addClass('active_page').siblings('.active_page').removeClass('active_page');
			$('#current_page').val(page_num);
		}
		function previous2(){
			new_page = parseInt($('#current_page2').val()) - 1;
			if($('.active_page2').prev('.page_link2').length==true){
				go_to_page2(new_page);
			}
		}
		function next2(){
			new_page = parseInt($('#current_page2').val()) + 1;
			//if there is an item after the current active link run the function
			if($('.active_page2').next('.page_link2').length==true){
				go_to_page2(new_page);
			}
		}
		function go_to_page2(page_num){
			var show_per_page = parseInt($('#show_per_page2').val());
			start_from = page_num * show_per_page;
			end_on = start_from + show_per_page;
			$('#content2').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');
			$('.page_link2[longdesc=' + page_num +']').addClass('active_page2').siblings('.active_page2').removeClass('active_page2');
			$('#current_page2').val(page_num);
		}
	
		function previous3(){
			new_page = parseInt($('#current_page3').val()) - 1;
			if($('.active_page3').prev('.page_link3').length==true){
				go_to_page3(new_page);
			}
		}
		function next3(){
			new_page = parseInt($('#current_page3').val()) + 1;
			//if there is an item after the current active link run the function
			if($('.active_page3').next('.page_link3').length==true){
				go_to_page3(new_page);
			}
		}
		function go_to_page3(page_num){
			var show_per_page = parseInt($('#show_per_page3').val());
			start_from = page_num * show_per_page;
			end_on = start_from + show_per_page;
			$('#content3').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');
			$('.page_link3[longdesc=' + page_num +']').addClass('active_page3').siblings('.active_page3').removeClass('active_page3');
			$('#current_page3').val(page_num);
		}
	
		function previous4(){
			new_page = parseInt($('#current_page4').val()) - 1;
			if($('.active_page4').prev('.page_link4').length==true){
				go_to_page4(new_page);
			}
		}
		function next4(){
			new_page = parseInt($('#current_page4').val()) + 1;
			//if there is an item after the current active link run the function
			if($('.active_page4').next('.page_link4').length==true){
				go_to_page4(new_page);
			}
		}
		function go_to_page4(page_num){
			var show_per_page = parseInt($('#show_per_page4').val());
			start_from = page_num * show_per_page;
			end_on = start_from + show_per_page;
			$('#content4').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');
			$('.page_link4[longdesc=' + page_num +']').addClass('active_page4').siblings('.active_page4').removeClass('active_page4');
			$('#current_page4').val(page_num);
		}
		
		function previous5(){
			new_page = parseInt($('#current_page5').val()) - 1;
			if($('.active_page5').prev('.page_link5').length==true){
				go_to_page5(new_page);
			}
		}
		function next5(){
			new_page = parseInt($('#current_page5').val()) + 1;
			//if there is an item after the current active link run the function
			if($('.active_page5').next('.page_link5').length==true){
				go_to_page5(new_page);
			}
		}
		function go_to_page5(page_num){
			var show_per_page = parseInt($('#show_per_page5').val());
			start_from = page_num * show_per_page;
			end_on = start_from + show_per_page;
			$('#content5').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');
			$('.page_link5[longdesc=' + page_num +']').addClass('active_page5').siblings('.active_page5').removeClass('active_page5');
			$('#current_page5').val(page_num);
		}
		
		function previous6(){
			new_page = parseInt($('#current_page6').val()) - 1;
			if($('.active_page6').prev('.page_link6').length==true){
				go_to_page6(new_page);
			}
		}
		function next6(){
			new_page = parseInt($('#current_page6').val()) + 1;
			//if there is an item after the current active link run the function
			if($('.active_page6').next('.page_link6').length==true){
				go_to_page6(new_page);
			}
		}
		function go_to_page6(page_num){
			var show_per_page = parseInt($('#show_per_page6').val());
			start_from = page_num * show_per_page;
			end_on = start_from + show_per_page;
			$('#content6').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');
			$('.page_link6[longdesc=' + page_num +']').addClass('active_page6').siblings('.active_page6').removeClass('active_page6');
			$('#current_page6').val(page_num);
		}
		function previous1(){
			new_page = parseInt($('#current_page1').val()) - 1;
			if($('.active_page1').prev('.page_link1').length==true){
				go_to_page1(new_page);
			}
		}
		function next1(){
			new_page = parseInt($('#current_page1').val()) + 1;
			//if there is an item after the current active link run the function
			if($('.active_page1').next('.page_link1').length==true){
				go_to_page1(new_page);
			}
		}
		function go_to_page1(page_num){
			var show_per_page = parseInt($('#show_per_page1').val());
			start_from = page_num * show_per_page;
			end_on = start_from + show_per_page;
			$('#content1').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');
			$('.page_link1[longdesc=' + page_num +']').addClass('active_page1').siblings('.active_page1').removeClass('active_page1');
			$('#current_page1').val(page_num);
		}
		
		function previous7(){
			new_page = parseInt($('#current_page7').val()) - 1;
			if($('.active_page7').prev('.page_link7').length==true){
				go_to_page7(new_page);
			}
		}
		function next7(){
			new_page = parseInt($('#current_page7').val()) + 1;
			//if there is an item after the current active link run the function
			if($('.active_page7').next('.page_link7').length==true){
				go_to_page7(new_page);
			}
		}
		function go_to_page7(page_num){
			var show_per_page = parseInt($('#show_per_page7').val());
			start_from = page_num * show_per_page;
			end_on = start_from + show_per_page;
			$('#content7').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');
			$('.page_link7[longdesc=' + page_num +']').addClass('active_page7').siblings('.active_page7').removeClass('active_page7');
			$('#current_page7').val(page_num);
		}
		
		
</script>
	</head>

	<body
		style="background-color: #eeeeee; font-family: Microsoft YaHei; overflow-y: scroll">
		<a name="top" id="top"></a>
		<a name="top" id="top2"></a>
		<a name="top" id="top3"></a>
		<div style="top: 0px;"><jsp:include page="top.jsp"></jsp:include></div>
		<div class="show5">
			<div style="margin-left: 1.5%; margin-top: 1.5%;">
				<a href="front/index"> 网站首页</a> >
				<a href="front/zhibu">辽商风采</a>
				<br>
				<br>
			</div>

			<div class="left" style="width: 25%;">
				<div class="mid"
					style="width: 100%; margin-bottom: 10px; margin-left: 0; height: auto;">
					<div style="">
						<table width="100%">
							<tr>
								<th class="th cursor-pointer active"
									style="background-color: white">
									<div class="titles"
										style="color: #008fd7; border-

bottom: 2px solid #008fd7; height: 45px;">
										<p style="font-weight: 600; font-

size: 20px; margin: 0">
											&nbsp;&nbsp;&nbsp;辽商风采
											<br />
										</p>
									</div>

								</th>
							</tr>
							<tr>
								<td id="diaoyan" style="background-color: white; 

height: 45px;"
									onclick="diaoyan()" class="th cursor-

pointer">
									<div>

										&nbsp;&nbsp;&nbsp; 会长
										<br />


									</div>
								</td>
							</tr>
							<tr>
								<td id="qiye" style="background-color: white; 

height: 45px;"
									onclick="qiye()" class="th cursor-pointer">
									<div>
										&nbsp;&nbsp;&nbsp; 常务副会长
										<br />
									</div>
								</td>
							</tr>
							<tr>
								<td id="jiandu" style="height: 45px; background-

color: white"
									onclick="jiandu()" class="th cursor-

pointer">
									<div>
										&nbsp;&nbsp;&nbsp; 监事长
										<br />
									</div>
								</td>
							</tr>
							<tr>
								<td id="four" style="height: 45px; background-

color: white;"
									onclick="four()" class="th cursor-pointer">
									<div>
										&nbsp;&nbsp;&nbsp; 副会长
										<br />
									</div>
								</td>
							</tr>
							<tr>
								<td id="sev" style="height: 45px; background-color: 

white;"
									onclick="sev()" class="th cursor-pointer">
									<div>
										&nbsp;&nbsp;&nbsp; 秘书长
										<br />
									</div>
								</td>
							</tr>
							<tr>
								<td id="five" style="height: 45px; background-

color: white"
									onclick="five()" class="th cursor-pointer">
									<div>
										&nbsp;&nbsp;&nbsp; 理事
										<br />
									</div>
								</td>
							</tr>
							<tr>
								<td id="six" style="height: 45px; background-color: 

white"
									onclick="six()" class="th cursor-pointer">
									<div>
										&nbsp;&nbsp;&nbsp; 会员
										<br />
									</div>
								</td>
							</tr>
						</table>
					</div>

				</div>

			</div>
			<div class="right"
				style="width: 74%;border: 1px solid #eee;">

				<div id="testDiv1" style="display: block;">
					<a name="top" id="top1"></a>
					<table width="100%">
						<tr>
							<td style="background: #eee;">
								<div class="title" style="color: #008fd7;">
									辽商风采
								</div>

							</td>
						</tr>
					</table>
					<br>
					<input type='hidden' id='current_page1' />
					<input type='hidden' id='show_per_page1' />
					<div id='content1'>
						<c:forEach items="${all}" var="zz">
							<li class="col-md-3 col-sm-3 col-xs-3"
								style="margin-top: 20px; list-style-type: none; 

text-align: center; width: 20%; margin-left: 4%; padding: 0;height: 25vw;">
								<div>
									<a href="front/zbinfo?id=${zz.id }"><img
											src="${zz.imgurl }" 

style="height: 11vw;width: 9vw;" />
									</a>
									<br>
									<br>
									<div
										style="text-align: left; word-

break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%;">
										<a href="front/zbinfo?id=${zz.id }"
											style="color: #008fd7 !

important"> ${zz.title }</a>
									</div>
									<div style="text-align: left; font-size: 

1vw;">
										商会职位：${zz.type }
									</div>

									<div style="text-align: left; font-size: 

1vw;" >
										企业名称：${zz.comname }
									</div>
								</div>
							</li>
						</c:forEach>
					</div>
					<table id='page_navigation1' width="100%"></table>
				</div>

				<div id="testDiv" style="display: none;">
					<a name="top" id="top"></a>
					<table width="100%">
						<tr>
							<td>
								<div class="title" style="color: #008fd7;">
									会长
								</div>

							</td>
						</tr>
					</table>
					<br>
					<input type='hidden' id='current_page' />
					<input type='hidden' id='show_per_page' />
					<div id='content'>
						<c:forEach items="${one}" var="zz">
							<li class="col-md-3 col-sm-3 col-xs-3"
								style="margin-top: 20px; list-style-type: none; 

text-align: center; width: 20%; margin-left: 4%; padding: 0">
								<div>
									<a href="front/zbinfo?id=${zz.id }"><img
											src="${zz.imgurl }" 

style="height: 11vw;width: 9vw;" />
									</a>
									<br>
									<br>
									<div
										style="text-align: left; word-

break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%;">
										<a href="front/zbinfo?id=${zz.id }"
											style="color: #008fd7 !

important"> ${zz.title }</a>
									</div>
									<div style="text-align: left; font-size: 

1vw;">
										商会职位：${zz.type }
									</div>

									<div style="text-align: left; font-size: 

1vw">
										企业名称：${zz.comname }
									</div>
								</div>
							</li>
						</c:forEach>
					</div>
					<table id='page_navigation' width="100%"></table>


				</div>
				<div id="testDiv2" style="display: none;">
					<a name="top" id="top2"></a>
					<table width="100%">
						<tr>
							<td>
								<div class="title" style="color: #008fd7;">
									常务副会长
								</div>

							</td>
						</tr>
					</table>
					<br>
					<input type='hidden' id='current_page2' />
					<input type='hidden' id='show_per_page2' />
					<div id='content2'>
						<c:forEach items="${two}" var="zz">
							<li class="col-md-3 col-sm-3 col-xs-3"
								style="margin-top: 20px; list-style-type: none; 

text-align: center; width: 20%; margin-left: 4%; padding: 0;height: 25vw;">
								<div>
									<a href="front/zbinfo?id=${zz.id }"><img
											src="${zz.imgurl }" 

style="height: 11vw;width: 9vw;" />
									</a>
									<br>
									<br>
									<div
										style="text-align: left; word-

break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%;">
										<a href="front/zbinfo?id=${zz.id }"
											style="color: #008fd7 !

important"> ${zz.title }</a>
									</div>
									<div style="text-align: left; font-size: 

1vw;">
										商会职位：${zz.type }
									</div>

									<div style="text-align: left; font-size: 

1vw">
										企业名称：${zz.comname }
									</div>
								</div>
							</li>
						</c:forEach>
					</div>
					<table id='page_navigation2' width="100%"></table>


				</div>
				<div id="testDiv3" style="display: none;">
					<a name="top" id="top3"></a>
					<table width="100%">
						<tr>
							<td>
								<div class="title" style="color: #008fd7;">
									监事长
								</div>

							</td>
						</tr>
					</table>
					<br>
					<input type='hidden' id='current_page3' />
					<input type='hidden' id='show_per_page3' />
					<div id='content3'>
						<c:forEach items="${three}" var="zz">
							<li class="col-md-3 col-sm-3 col-xs-3"
								style="margin-top: 20px; list-style-type: none; 

text-align: center; width: 20%; margin-left: 4%; padding: 0">
								<div>
									<a href="front/zbinfo?id=${zz.id }"><img
											src="${zz.imgurl }" 

style="height: 11vw;width: 9vw;" />
									</a>
									<br>
									<br>
									<div
										style="text-align: left; word-

break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%;">
										<a href="front/zbinfo?id=${zz.id }"
											style="color: #008fd7 !

important"> ${zz.title }</a>
									</div>
									<div style="text-align: left; font-size: 

1vw;">
										商会职位：${zz.type }
									</div>

									<div style="text-align: left; font-size: 

1vw">
										企业名称：${zz.comname }
									</div>
								</div>
							</li>
						</c:forEach>
					</div>
					<table id='page_navigation3' width="100%"></table>


				</div>
				<div id="testDiv4" style="display: none;">
					<a name="top" id="top4"></a>
					<table width="100%">
						<tr>
							<td>
								<div class="title" style="color: #008fd7;">
									副会长
								</div>

							</td>
						</tr>
					</table>
					<br>
					<input type='hidden' id='current_page4' />
					<input type='hidden' id='show_per_page4' />
					<div id='content4'>
						<c:forEach items="${four}" var="zz">
							<li class="col-md-3 col-sm-3 col-xs-3"
								style="margin-top: 20px; list-style-type: none; 

text-align: center; width: 20%; margin-left: 4%; padding: 0">
								<div>
									<a href="front/zbinfo?id=${zz.id }"><img
											src="${zz.imgurl }" 

style="height: 11vw;width: 9vw;" />
									</a>
									<br>
									<br>
									<div
										style="text-align: left; word-

break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%;">
										<a href="front/zbinfo?id=${zz.id }"
											style="color: #008fd7 !

important"> ${zz.title }</a>
									</div>
									<div style="text-align: left; font-size: 

1vw;">
										商会职位：${zz.type }
									</div>

									<div style="text-align: left; font-size: 

1vw">
										企业名称：${zz.comname }
									</div>
								</div>
							</li>
						</c:forEach>
					</div>
					<table id='page_navigation4' width="100%"></table>


				</div>
				<div id="testDiv7" style="display: none;">
					<a name="top" id="top7"></a>
					<table width="100%">
						<tr>
							<td style="background-color: #eeeeee;">
								<div class="title" style="color: #008fd7;">
									秘书长
								</div>

							</td>
						</tr>
					</table>
					<br>
					<input type='hidden' id='current_page7' />
					<input type='hidden' id='show_per_page7' />
					<div id='content7'>
						<c:forEach items="${sev}" var="zz">
							<li class="col-md-3 col-sm-3 col-xs-3"
								style="margin-top: 20px; list-style-type: none; 

text-align: center; width: 20%; margin-left: 4%; padding: 0">
								<div>
									<a href="front/zbinfo?id=${zz.id }"><img
											src="${zz.imgurl }" 

style="height: 11vw;width: 9vw;" />
									</a>
									<br>
									<br>
									<div
										style="text-align: left; word-

break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%;">
										<a href="front/zbinfo?id=${zz.id }"
											style="color: #008fd7 !

important"> ${zz.title }</a>
									</div>
									<div style="text-align: left; font-size: 

1vw;">
										商会职位：${zz.type }
									</div>

									<div style="text-align: left; font-size: 

1vw">
										企业名称：${zz.comname }
									</div>
								</div>
							</li>
						</c:forEach>
					</div>
					<table id='page_navigation7' width="100%"></table>


				</div>
				<div id="testDiv5" style="display: none;">
					<a name="top" id="top5"></a>
					<table width="100%">
						<tr>
							<td>
								<div class="title" style="color: #008fd7;">
									理事
								</div>

							</td>
						</tr>
					</table>
					<br>
					<input type='hidden' id='current_page5' />
					<input type='hidden' id='show_per_page5' />
					<div id='content5'>
						<c:forEach items="${jinrong}" var="zz">
							<li class="col-md-3 col-sm-3 col-xs-3"
								style="margin-top: 20px; list-style-type: none; 

text-align: center; width: 20%; margin-left: 4%; padding: 0">
								<div>
									<a href="front/zbinfo?id=${zz.id }"><img
											src="${zz.imgurl }" 

style="height: 11vw;width: 9vw;" />
									</a>
									<br>
									<br>
									<div
										style="text-align: left; word-

break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%;">
										<a href="front/zbinfo?id=${zz.id }"
											style="color: #008fd7 !

important"> ${zz.title }</a>
									</div>
									<div style="text-align: left; font-size: 

1vw;">
										商会职位：${zz.type }
									</div>

									<div style="text-align: left; font-size: 

1vw">
										企业名称：${zz.comname }
									</div>
								</div>
							</li>
						</c:forEach>
					</div>
					<table id='page_navigation5' width="100%"></table>


				</div>

				<div id="testDiv6" style="display: none;">
					<a name="top" id="top6"></a>
					<table width="100%">
						<tr>
							<td>
								<div class="title" style="color: #008fd7;">
									会员
								</div>

							</td>
						</tr>
					</table>
					<br>
					<input type='hidden' id='current_page6' />
					<input type='hidden' id='show_per_page6' />
					<div id='content6'>
						<c:forEach items="${six}" var="zz">
							<li class="col-md-3 col-sm-3 col-xs-3"
								style="margin-top: 20px; list-style-type: none; 

text-align: center; width: 20%; margin-left: 4%; padding: 0">
								<div>
									<a href="front/zbinfo?id=${zz.id }"><img
											src="${zz.imgurl }" 

style="height: 11vw;width: 9vw;" />
									</a>
									<br>
									<br>
									<div
										style="text-align: left; word-

break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%;">
										<a href="front/zbinfo?id=${zz.id }"
											style="color: #008fd7 !

important"> ${zz.title }</a>
									</div>
									<div style="text-align: left; font-size: 

1vw;">
										商会职位：${zz.type }
									</div>

									<div style="text-align: left; font-size: 

1vw">
										企业名称：${zz.comname }
									</div>
								</div>
							</li>
						</c:forEach>
					</div>
					<table id='page_navigation6' width="100%"></table>


				</div>
			</div>

		</div>
		<div class="footer"><jsp:include page="bottom.jsp" flush="true"></jsp:include></div>
	</body>
</html>
